<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>智慧公社-朋友</title>

    <link href="__PUBLIC__/css/index.css" rel="stylesheet" />
    <link href="__PUBLIC__/css/bootstrap.min.css" rel="stylesheet">
    <link href="__PUBLIC__/css/font-awesome.min.css" rel="stylesheet">
    <link href="__PUBLIC__/css/animate.css" rel="stylesheet" />

    <script src="__PUBLIC__/js/jquery.js"></script>
    <script src="__PUBLIC__/js/headroom.js"></script>
    <script src="__PUBLIC__/js/jquery.snippet.min.js"></script>
    <script src="__PUBLIC__/js/bootstrap.min.js"></script>
    <script src="__PUBLIC__/js/jquery.pin.min.js"></script>
     <script src="__PUBLIC__/js/index.js"></script>
    <!--<style>
    *{border: 1px solid rgb(250,0,255);}
    </style>-->
</head>
<body>

    <!-- 头部导航开始 -->

    <!-- 头部导航开始 -->
 <include file="Index/title" />
    <div style="background: url(__PUBLIC__/images/mypagebg.jpg) top; height: 600px; position: absolute; top: 0px; width: 100%; z-index:-1;"></div>
   <!-- <div style="background: url(__PUBLIC__/images/%e5%9b%be%e7%89%873.png) top; height: 300px; position: absolute; top: 300px; width: 100%; z-index: -1;"></div>-->
    <!-- 主体信息开始 -->

    <div id='contents' class="container">
        <div class="mypage">
            <div class="mypage-head"><img src="{$Minfo['img']}" width="100" class="img-circle border-3" /><div class="index-top-heart">{$Minfo['praise']}</div></div>
            <div class="mypage-title">{$Minfo['name']}</div>
            <if condition="$Minfo['text'] eq ''">
            <div class="mypage-info">写下你的 <a href="{:U('Index/setup')}">成就和梦想！</a></div>
            <else/>
            <div class="mypage-info">{$Minfo['text']}</div>
            </if>
            <div class="mypage-tab">
                <ul id="myTab" class="nav mypage-pills nav-justified">
                    <li><a href="mypage.html"><p>讨论</p><p class="tab-info">{$Minfo['articleNum']}</p></a></li>
                    <li class="active"><a href="friend.html"><p>朋友</p><p class="tab-info">{$Minfo['friend']}</p></a></li>
                </ul>
            </div>
            <div class="mypage-userinfo row">
                <div class="col-xs-6 left">
                	<!--<i class="fa fa-map-marker  "></i>-->
                    <p></p>
                	<p></p>
                    <p>思想深度： 60</p>
                </div>
                
                <div class="col-xs-6 right">
                	<p></p>
                	<p></p>
                	<p>和&nbsp;&nbsp;{$Minfo['disNumCount']}&nbsp;&nbsp;人，参与了&nbsp;&nbsp;{$Minfo['discuss']}&nbsp;&nbsp;次讨论，发表&nbsp;&nbsp;{$Minfo['operateCount']}&nbsp;&nbsp;条观点</p>
                </div>
            </div>
        </div>
        <div id="myTabContent2" class="tab-content">
            <div class="tab-pane active fade in" id="friend">
                <div style="margin-top:30px;">

                    <div class="friend panel panel-default">
                        <div class="panel-body">
                            <div class="friend-head">
                                <ul id="myTab" class="nav nav-tabs">
                                    <li class="active"><a href="#friend1" data-toggle="tab">好友</a></li>
                                    <li><a href="#friend2" data-toggle="tab">关注的人</a></li>
                                   <!-- <li class="right"><input class="friend-input" type="text" placeholder="天坑这里的替换词是啥" /></li>-->
                                </ul>
                            </div>
                            <div class="friend-body">
                                <div class="tab-content">
                               
                                    <div class="tab-pane active fade in" id="friend1">
                                    
                                    <foreach name="friend" item="Flist">   
                                        <div class="friend-info">
                                            <div class="friend-img" style="border:0;"><a href="{:U('Index/hispage',array('hispage'=>$Flist['user_id']))}" title="{$Flist['user_name']}"><img src="{$Flist['user_img']}" width="90" class="img-circle border-3" /></a></div>
                                            <div class="friend-name"><a href="{:U('Index/hispage',array('hispage'=>$Flist['user_id']))}" title="{$Flist['user_name']}">{$Flist['user_name']}</a></div>
                                        </div>
                                         </foreach>
                                    
                                    
                                    
                                    </div>
                                 
                                   
                                    <div class="tab-pane fade in" id="friend2">
                                       <foreach name="Attention" item="Alist">
                                        <div class="friend-info">
                                            <div class="friend-img" style="border:0;"><a href="{:U('Index/hispage',array('hispage'=>$Alist['user_id']))}" title="{$Alist['user_name']}"><img src="{$Alist['user_img']}" width="90"  class="img-circle border-3"/></a></div>
                                            <div class="friend-name"><a href="{:U('Index/hispage',array('hispage'=>$Alist['user_id']))}" title="{$Alist['user_name']}">{$Alist['user_name']}</a></div>
                                        </div>
                                       </foreach>
                                    </div>
                                   
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div> <!-- 主体信息结束 -->


    <footer>
        
    </footer>
    <script type="text/javascript">
        jQuery(function ($) {
            $(document).ready(function () {
                var header = new Headroom(document.querySelector(".navbar"), {
                    tolerance: 0,
                    offset: 0,
                    classes: {
                        initial: "animated",
                        pinned: "slideDown",
                        unpinned: "slideUp"
                    }
                });
                header.init();

                $('.card').mouseover(function () {
                    $(this).find('.close').toggleClass("hidden");
                });
                $('.card').mouseout(function () {
                    $(this).find('.close').toggleClass("hidden");
                });
                $('[data-dismiss="fuck"]').click(function () {
                    $(this).closest('.card').fadeOut(1000);
                });
                //var messcont = $("#myTabContent").find(".mess-close").size();
                //$(".mess-nord").text(messcont);
                $('.mess-close').mouseenter(function () {
                    $(this).find('.dropdown-footer').toggleClass("hidden").animate({ opacity: '1', height: '35px' });
                });
                $('.mess-close').mouseleave(function () {
                    $(this).find('.dropdown-footer').animate({ opacity: '0', height: '0px' }, function () { $(this).toggleClass("hidden") });
                });
                $('[data-toggle="mess-popover"]').click(function () {
                    $('#mess').fadeToggle();
                });
                $('[data-dismiss="mess-close"]').click(function () {
                    $(this).closest('.mess-close').animate({ opacity: '0', height: '0px' }, function () { $(this).addClass("hidden") });
                    $(".mess-nord").text(function (i, x) {
                        x--;
                        if (x == 0) {
                            return "";
                        } else {
                            return x;
                        }
                    });
                });

            });
        });
    </script>
<include file="Index/copyright" />
</body>
</html>